<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>杏守医聘</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/mine.css">
    <style>
        .modal-dialog {
            position: relative;
            width: auto;
            margin: 60px;
        }
    </style>
</head>
<body>
<header>
    <img src="images/xinger.jpg" alt="">
    <span>杏儿姐姐</span>
</header>
<section>
    <div onclick="location='bookp.html'">
        <img src="images/dyzw.png" alt="">
        <span>订阅职位</span>
        <img src="images/left-arrow.png" alt="">
    </div>
    <div onclick="location='myinterest.html'">
        <img src="images/xq.png" alt="">
        <span>感兴趣的职位</span>
        <img src="images/left-arrow.png" alt="">
    </div>
    <div onclick="location='#'"  data-toggle="modal" data-target=".bs-example-modal-sm">
        <img src="images/wyzp.png" alt="">
        <span>我要招聘</span>
        <img src="images/left-arrow.png" alt="">
    </div>
</section>

<div  style="text-align:center;"  class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">

    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="margin-top:30vw">
            <h4>微信扫描二维码</h4>
            <p>小杏为你找到合适的人</p>
            <img src="images/qr.png" alt="">

        </div>
    </div>
    <button
            style="width:5.5vw;
	height:5.5vw; background:#ffffff; color:#30AF92;
	border: 0vw; font-size: 4vw;border-radius:85px;"  data-dismiss="modal">×</button>
</div>
<nav>
    <button  onclick="location='index.html'">
        <img src="images/position-unchose.png" alt="">
        职位
    </button>
    <button class="chosen">
        <img src="images/my-chose.png" alt="">
        我的
    </button>
</nav>
</body>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</html>